<template>
  <div class="home">
    <!-- <h1>我是首页</h1> -->
    <sideBar/>
    <div :style="isCollapseStore==false?box1:box2">
      <Headers class="Headers"/>
      <appMain class="appMain"/>
    </div>
  </div>
</template>

<script>
import appMain from "@/components/appmain"
import Headers from "@/components/header"
import sideBar from "@/components/sidebar"
import {mapState} from "vuex"
export default {
  name:"Home",
  data(){
    return {
      box1:"width: 90%;",
      box2:"width: 95%;",
    }
  },
    computed:{
        ...mapState(["isCollapseStore","activeObj"])
  },
    components:{
    appMain,
    Headers,
    sideBar,
  },
}
</script>

<style scoped>
.home {
  display: flex;
}
.Headers {
  
}
.appMain {

}
</style>